.calendarBook {padding-bottom:8px}

/* Component containers
----------------------------------*/
.calendarBook .ui-widget { font-family: Arial; font-size: 1.1em; }
.calendarBook .ui-widget .ui-widget { font-size: 1em; }
.calendarBook .ui-widget input, .calendarBook  .ui-widget select, .calendarBook .ui-widget textarea, .calendarBook .ui-widget button { font-family:  Arial; font-size: 1em; }
.calendarBook .ui-widget-content {border:none;color: #005B8A;}
.calendarBook .ui-widget-content a { color: #222222; }
.calendarBook .ui-widget-header { background: #005B8A; color: #b7d5ea; font-weight: bold; border: 1px solid #fff;border-bottom:none }
.calendarBook .ui-widget-header a { color: #ffffff; }

/* Interaction states
----------------------------------*/
.calendarBook .ui-state-highlight, .calendarBook .ui-widget-content .ui-state-highlight, .calendarBook .ui-widget-header .ui-state-highlight, .calendarBook .ui-state-default, .calendarBook .ui-widget-content .ui-state-default, .calendarBook .ui-widget-header .ui-state-default { background: #e0ecf5; color:#005B8A; font-weight: bold; }
.calendarBook .ui-state-default a, .calendarBook .ui-state-default a:link, .calendarBook .ui-state-default a:visited { color: #2e6e9e; text-decoration: none; }
.calendarBook .ui-state-hover, .calendarBook .ui-widget-content .ui-state-hover, .calendarBook .ui-widget-header .ui-state-hover, .calendarBook .ui-state-focus, .calendarBook .ui-widget-content .ui-state-focus, .calendarBook .ui-widget-header .ui-state-focus {cursor: pointer;border:0;background: #fff}
.calendarBook .ui-state-hover a, .calendarBook .ui-state-hover a:hover { color: #1d5987; text-decoration: none; }
.calendarBook .ui-state-active, .calendarBook .ui-widget-content .ui-state-active, .calendarBook .ui-widget-header .ui-state-active {background:#e0ecf5 url(http://muachung2.todo.vn/style/images/datePicker/bg_current.png) bottom left no-repeat;}
.calendarBook .ui-state-active a, .calendarBook .ui-state-active a:link, .calendarBook .ui-state-active a:visited { color: #e17009; text-decoration: none; }
.calendarBook .ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/

.calendarBook .ui-state-highlight a, .calendarBook .ui-widget-content .ui-state-highlight a, .calendarBook.ui-widget-header .ui-state-highlight a { color: #363636; }
.calendarBook .ui-state-error, .calendarBook .ui-widget-content .ui-state-error, .calendarBook .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(http://muachung2.todo.vn/style/images/datePicker/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; }
.calendarBook .ui-state-error a, .calendarBook .ui-widget-content .ui-state-error a, .calendarBook .ui-widget-header .ui-state-error a { color: #cd0a0a; }
.calendarBook .ui-state-error-text, .calendarBook .ui-widget-content .ui-state-error-text, .calendarBook .ui-widget-header .ui-state-error-text { color: #cd0a0a; }
.calendarBook .ui-priority-primary, .calendarBook .ui-widget-content .ui-priority-primary, .calendarBook .ui-widget-header .ui-priority-primary { font-weight: bold; }
.calendarBook .ui-priority-secondary, .calendarBook .ui-widget-content .ui-priority-secondary, .calendarBook  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.calendarBook .ui-state-disabled, .calendarBook .ui-widget-content .ui-state-disabled, .calendarBook .ui-widget-header .ui-state-disabled { color:#333333;opacity: 1; filter:Alpha(Opacity=100);}

/* Icons
----------------------------------*/

/* states and images */
.calendarBook .ui-icon { width: 14px; height: 32px; background-position:none; }
.calendarBook .ui-widget-content .ui-icon {background-image: url(http://muachung2.todo.vn/style/images/datePicker/ui-icons_469bdd_256x240.png); }
.calendarBook .ui-widget-header .ui-icon {background-image: url(http://muachung2.todo.vn/style/images/datePicker/top_left_calendar.png); background-position: top }
.calendarBook .ui-state-default .ui-icon { background-image: url(http://muachung2.todo.vn/style/images/datePicker/ui-icons_6da8d5_256x240.png); }
.calendarBook .ui-state-hover .ui-icon, .calendarBook .ui-state-focus .ui-icon {background-image: url(http://muachung2.todo.vn/style/images/datePicker/top_left_calendar.png?v=1);  background-position:top;}
.calendarBook .ui-state-active .ui-icon {background-image: url(http://muachung2.todo.vn/style/images/datePicker/ui-icons_f9bd01_256x240.png); }
.calendarBook .ui-state-highlight .ui-icon {background-image: url(http://muachung2.todo.vn/style/images/datePicker/ui-icons_2e83ff_256x240.png); }
.calendarBook .ui-state-error .ui-icon, .calendarBook .ui-state-error-text .ui-icon {background-image: url(http://muachung2.todo.vn/style/images/datePicker/ui-icons_cd0a0a_256x240.png); }


/* Misc visuals

 * jQuery UI Datepicker 1.8.18
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
.calendarBook .ui-datepicker { width: 239px; padding:0; display: none;z-index: 99999999;}
.calendarBook .ui-datepicker .ui-datepicker-header { position:relative; height:32px; padding:0 }
.calendarBook .ui-datepicker .ui-datepicker-prev, .calendarBook .ui-datepicker .ui-datepicker-next { position:absolute; width: 14px; height: 32px; }
.calendarBook .ui-datepicker .ui-datepicker-prev-hover, .calendarBook .ui-datepicker .ui-datepicker-next-hover { top: 0; }
.calendarBook .ui-datepicker .ui-datepicker-prev { left:8px; top:0 }
.calendarBook .ui-datepicker .ui-datepicker-next { right:8px; top:0}
.calendarBook .ui-datepicker .ui-datepicker-prev-hover { left:8px; top:0 }
.calendarBook .ui-datepicker .ui-datepicker-next-hover { right:8px; top:0 }
.calendarBook .ui-datepicker .ui-datepicker-prev span, .calendarBook .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 0; top: 0; margin-left:0; margin-top:0 }
.calendarBook .ui-datepicker .ui-datepicker-next span { background-image: url(http://muachung2.todo.vn/style/images/datePicker/top_right_calendar.png?v=1)}
.calendarBook .ui-datepicker .ui-datepicker-title { line-height: 31px; text-align: center; font-size: 13px; font-weight: bold }
.calendarBook .ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.calendarBook .ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.calendarBook .ui-datepicker select.ui-datepicker-month, .calendarBook 
.calendarBook .ui-datepicker select.ui-datepicker-year { width: 49%;}
.calendarBook .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: inherit; margin:0; background-color: #fff;}
.calendarBook .ui-datepicker th {background-color:#abd1e9; padding: .7em .3em; text-align: center; font-weight: bold; border: 0; color:#fff}
.calendarBook .ui-datepicker td {background-color:#e0ecf5; height: 27px;width:33px; padding:0}
.calendarBook .ui-datepicker td span, .calendarBook .ui-datepicker td a { display: block; height: 27px;width:23px; font-size:12px; text-align: right; text-decoration: none; line-height: 27px; border:none; padding:0 10px 0 0}
.calendarBook .ui-datepicker td.ui-state-disabled span, .calendarBook .ui-datepicker td.ui-state-disabled a { background: #e0ecf5; color:#005B8A;opacity: 1; filter:Alpha(Opacity=100);}
.calendarBook .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.calendarBook .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.calendarBook .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.calendarBook .ui-datepicker.ui-datepicker-multi { width:auto; }
.calendarBook .ui-datepicker-multi .ui-datepicker-group { float:left; }
.calendarBook .ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.calendarBook .ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.calendarBook .ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.calendarBook .ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.calendarBook .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.calendarBook .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.calendarBook .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.calendarBook .ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }

/* RTL support */
.calendarBook .ui-datepicker-rtl { direction: rtl; }
.calendarBook .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.calendarBook .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.calendarBook .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.calendarBook .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.calendarBook .ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.calendarBook .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.calendarBook .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.calendarBook .ui-datepicker-rtl .ui-datepicker-group { float:right; }
.calendarBook .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.calendarBook .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }


/* Corner radius */
.calendarBook .ui-corner-all, .calendarBook .ui-corner-top, .calendarBook .ui-corner-left, .calendarBook .ui-corner-tl { -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; -khtml-border-top-left-radius: 0; border-top-left-radius: 0; }
.calendarBook .ui-corner-all, .calendarBook .ui-corner-top, .calendarBook .ui-corner-right, .calendarBook .ui-corner-tr { -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; -khtml-border-top-right-radius: 0; border-top-right-radius: 0; }
.calendarBook .ui-corner-all, .calendarBook .ui-corner-bottom, .calendarBook .ui-corner-left, .calendarBook .ui-corner-bl { -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; -khtml-border-bottom-left-radius: 0; border-bottom-left-radius: 0; }
.calendarBook .ui-corner-all, .calendarBook .ui-corner-bottom, .calendarBook .ui-corner-right, .calendarBook .ui-corner-br { -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; -khtml-border-bottom-right-radius: 0; border-bottom-right-radius: 0; }


/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.calendarBook .ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}